<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
	
<a4j:form id="PersonForm" ajaxSingle="true">
		
			<!-- ************************************ -->
			<!-- *****  PERSON HEADER  ***** -->
			<!-- ************************************ -->
			<rich:panel styleClass="form">
			<a4j:outputPanel id="ToMsg"> 
				<h:messages globalOnly="false" styleClass="message"/>
			</a4j:outputPanel>
			<f:facet name="header"><h:outputText value="Datos de la Persona" /></f:facet>
					
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Codigo</ui:define>
							<h:inputText id="PersonCode" maxlength="20"
								value="#{editPerson.personManager.person.cod}"
								required="true" size="5"
								requiredMessage="Favor introduzca un codigo"
								validatorMessage="El codigo no puede ser menor a 3 o mayor a 5">
								<f:validateLength minimum="3" maximum="5" />
								<a4j:support event="onblur" />
							</h:inputText>
							<div class="msg_container">
								<rich:message for="PersonCode" />
							</div>
						</s:decorate>
						<div style="clear: both;" />

						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Nombre</ui:define>
							<h:inputText id="PersonName" maxlength="100"
								value="#{editPerson.personManager.person.name}"
								required="true" size="50"
								requiredMessage="Favor introduzca el nombre de la persona"
								validatorMessage="El nombre no puede ser menor a 3 o mayor a 100">
								<f:validateLength minimum="3" maximum="100" />
								<a4j:support event="onblur" />
								
							</h:inputText>
							<div class="msg_container">
								<rich:message for="PersonName" />
							</div>
						</s:decorate>

						<div style="clear: both;" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Nombre Fantasia</ui:define>
							<h:inputText id="PersonFantasyName" maxlength="100"
								value="#{editPerson.personManager.person.nameFant}"
								required="false" size="50"
								validatorMessage="El nombre de fantasia no puede ser menor a 3 o mayor a 100">
								<f:validateLength minimum="3" maximum="100" />
								<a4j:support event="onblur" />
							</h:inputText>
							<div class="msg_container">
								<rich:message for="PersonFantasyName" />
							</div>
						</s:decorate>

						<div style="clear: both;" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">R.U.C.</ui:define>
							<h:inputText id="PersonRUC" maxlength="16"
								value="#{editPerson.personManager.person.ruc}"
								required="false" size="20"
								requiredMessage="Favor introduzca el RUC de la persona"
								validatorMessage="El RUC debe tener 16 caracteres">
								<f:validateLength minimum="7" maximum="20" />
								<a4j:support event="onblur" />
							</h:inputText>
							<div class="msg_container">
								<rich:message for="PersonRUC" />
							</div>
						</s:decorate>


						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Persona Juridica</ui:define>
							<h:selectBooleanCheckbox id="PersonIsJuridic"
								value="#{editPerson.personManager.person.isJur}">
								<a4j:support event="onblur" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="PersonIsJuridic" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Sexo</ui:define>
							<h:selectOneRadio value="#{editPerson.personManager.person.sex}" id="PersonSex">
								<f:selectItem itemLabel="Masculino" itemValue="M" />
								<f:selectItem itemLabel="Femenino" itemValue="F" />
								<a4j:support event="onblur" />
							</h:selectOneRadio>
							<div class="msg_container">
								<rich:message for="PersonSex" />
							</div>
						</s:decorate>
						<div style="clear: both" />
						
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Sector Economico</ui:define>
							<rich:comboBox value="#{editPerson.personManager.person.sectorData}" 
								id="Sector"
								converter="#{refConverter}"
								converterMessage="Favor seleccione el sector"
								defaultLabel="Sector"
								enableManualInput="true"
								required="true"
								requiredMessage="Favor seleccione el sector"
								>
								<a4j:support event="onselect" />
															
									<s:selectItems  value="#{withinHolder.refDetListByHeadCod(editPerson.sectorEco)}" var="ref" label="#{ref.descrip}">
									</s:selectItems>
									
							</rich:comboBox>
							<div class="msg_container">
								<rich:message for="Sector" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Activo</ui:define>
							<h:selectBooleanCheckbox id="PersonIsActive"
								value="#{editPerson.personManager.person.status}"
								disabled="true">
								<a4j:support event="onblur" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="PersonIsActive" />
							</div>
						</s:decorate>
						<div style="clear: both" />

					
			</rich:panel>
		</a4j:form>


		<!-- *************************************** -->
		<!-- *********  Person Addresses  ********* -->
		<!-- *************************************** -->
			
		<a4j:form id="PersonAddressForm">
			<rich:simpleTogglePanel styleClass="form" switchType="ajax" opened="false" ajaxSingle="true" >
			<f:facet name="header"><h:outputText value="Agregar Direcciones" /></f:facet>
				<h:panelGrid>
					<div class="attributes">
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Tipo Direccion</ui:define>
							<rich:comboBox value="#{editPerson.personAddr.addType}" 
								id="AddrType"
								converter="#{refConverter}"
								converterMessage="Favor seleccione el tipo de direccion"
								defaultLabel="Seleccione tipo de direccion"
								enableManualInput="true"
								required="true"
								requiredMessage="Favor seleccione el tipo de direccion"
								>
								<a4j:support event="onselect" />							
									<s:selectItems  value="#{withinHolder.refDetListByHeadCod(editPerson.addrType)}" var="ref" label="#{ref.descrip}">
									</s:selectItems>
									
							</rich:comboBox>
							<div class="msg_container">
								<rich:message for="AddrType" />
							</div>
						</s:decorate>
		
						<div style="clear: both;" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Direccion</ui:define>
							<h:inputText id="Addr" maxlength="40"
								value="#{editPerson.personAddr.address}"
								required="true" size="30"
								requiredMessage="Favor introduzca la direccion"
								validatorMessage="La direccion no puede ser menor a 10 o mayor a 40">
								<f:validateLength minimum="10" maximum="40" />
								<a4j:support event="onblur" ajaxSingle="true"/>
							</h:inputText>
							<div class="msg_container">
								<rich:message for="Addr" />
							</div>
						</s:decorate>
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Activo</ui:define>
							<h:selectBooleanCheckbox id="AddrActive"
								value="#{editPerson.personAddr.status}"
								disabled="true">
								<a4j:support event="onblur" ajaxSingle="true" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="AddrActive" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Default</ui:define>
							<h:selectBooleanCheckbox id="AddrDefault"
								value="#{editPerson.personAddr.isDefault}"
								disabled="#{editPerson.checkAddrDfl()}">
								<a4j:support event="onblur" ajaxSingle="true"/>
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="AddrDefault" />
							</div>
						</s:decorate>
					</div>
						<s:decorate template="/layout/displayButton.xhtml" styleClass="button_form">
							<a4j:commandButton id="AddAddr" value="Agregar Direccion" styleClass="button"
							action="#{editPerson.fillAddrList()}" reRender="PersonAddressForm, AddrGridForm" />
		
							<rich:spacer width="20px" />
							
							<a4j:region id="AddrDelRegion">
								<a4j:commandButton value="Eliminar Seleccionados" action="#{editPerson.deleteAddress()}"
									reRender="AddrGridForm" styleClass="button" />
							</a4j:region>
		
						</s:decorate>
				</h:panelGrid>
			</rich:simpleTogglePanel>
		</a4j:form>
		
		<a4j:form id="AddrGridForm" ajaxSingle="true">
			<rich:datascroller align="center" for="AddrGrid"
				maxPages="15" page="#{dataTableScrollerBean.scrollerPage}"
				renderIfSinglePage="false" />
					   			
			<div style="clear: both;" />
			<rich:panel styleClass="table_add" rendered="#{not empty editPerson.personAddrCollection}">
			<rich:dataTable id="AddrGrid"
				var="addr" rows="3"
				value="#{editPerson.personAddrCollection}"
				rendered="#{not empty editPerson.personAddrCollection}"
				rowClasses="rvgRowOne,rvgRowTwo"
				style="width:70%; margin-left:15%;">
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Tipo Direcc." /></f:facet>
					
					<h:outputText value="#{addr.addType.descrip}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Direccion" /></f:facet>
					
					<h:outputText value="#{addr.address}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Activo" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(addr.status)}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Default" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(addr.isDefault)}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Operaciones" /></f:facet>
					
					<h:selectBooleanCheckbox id="check" value="#{addr.selected}" >
						
						
						<a4j:support id="checkSupport" event="onchange" ajaxSingle="true"  action="#{editPerson.addrDeleteList(addr)}">
						</a4j:support>
						
					</h:selectBooleanCheckbox>
					<rich:toolTip value="Seleccionar elemento a eliminar" for="check" />
				</rich:column>

			</rich:dataTable>
			</rich:panel>
			
		</a4j:form>
		
		
		
		<!-- *************************************** -->
		<!-- *********  Person Documents  ********* -->
		<!-- *************************************** -->
			
		<a4j:form id="PersonDocForm">
			<rich:simpleTogglePanel styleClass="form" switchType="ajax" opened="false" ajaxSingle="true" >
			<f:facet name="header"><h:outputText value="Agregar Documentos" /></f:facet>
				<h:panelGrid>
					<div class="attributes">
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Tipo Documento</ui:define>
							<rich:comboBox value="#{editPerson.personDoc.docType}" 
								id="DocType"
								converter="#{refConverter}"
								converterMessage="Favor seleccione el tipo de documento"
								defaultLabel="Seleccione tipo de documento"
								enableManualInput="true"
								required="true"
								requiredMessage="Favor seleccione el tipo de documento"
								>
									<a4j:support event="onselect"></a4j:support>						
									<s:selectItems  value="#{withinHolder.refDetListByHeadCod(editPerson.docType)}" var="ref" label="#{ref.descrip}">
									</s:selectItems>
									
							</rich:comboBox>
							<div class="msg_container">
								<rich:message for="DocType" />
							</div>
						</s:decorate>
		
						<div style="clear: both;" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Pais</ui:define>
							<rich:comboBox value="#{editPerson.personDoc.countryData}"
								id="DocCountry" required="true" size="30"
								requiredMessage="Favor seleccione el pais"
								enableManualInput="true"
								converter="#{countryConverter}"
								defaultLabel="Pais">
								<a4j:support event="onblur" ajaxSingle="true" />
		
								<s:selectItems var="country" value="#{withinHolder.countryList()}">
									<h:outputText value="#{country.descrip}" />
								</s:selectItems>
		
		
							</rich:comboBox>
							<div class="msg_container">
								<rich:message for="DocCountry" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Nro Documento</ui:define>
							<h:inputText id="Doc" maxlength="40"
								value="#{editPerson.personDoc.document}"
								required="true" size="30"
								requiredMessage="Favor introduzca el nro de documento"
								validatorMessage="El nro de documento no puede ser menor a 5 o mayor a 20">
								<f:validateLength minimum="5" maximum="20" />
								<a4j:support event="onblur" ajaxSingle="true" />
							</h:inputText>
							<div class="msg_container">
								<rich:message for="Doc" />
							</div>
						</s:decorate>
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Activo</ui:define>
							<h:selectBooleanCheckbox id="DocActive"
								value="#{editPerson.personDoc.status}"
								disabled="true">
								<a4j:support event="onblur" ajaxSingle="true" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="DocActive" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Default</ui:define>
							<h:selectBooleanCheckbox id="DocDefault"
								value="#{editPerson.personDoc.isDefault}"
								disabled="#{editPerson.checkDocDfl()}">
								<a4j:support event="onblur" ajaxSingle="true" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="DocDefault" />
							</div>
						</s:decorate>
					</div>
						<s:decorate template="/layout/displayButton.xhtml" styleClass="button_form">
							<a4j:commandButton id="AddDoc" value="Agregar Documento" styleClass="button"
							action="#{editPerson.fillDocList()}" reRender="PersonDocForm, DocGridForm" />
		
							<rich:spacer width="20px" />
							
							<a4j:region id="DocDelRegion">
								<a4j:commandButton value="Eliminar Seleccionados" action="#{editPerson.deleteDocument()}"
									reRender="DocGridForm" styleClass="button" />
							</a4j:region>
		
						</s:decorate>
				</h:panelGrid>
			</rich:simpleTogglePanel>
		</a4j:form>
		
		<a4j:form id="DocGridForm" ajaxSingle="true">
			<rich:datascroller align="center" for="AddrGrid"
				maxPages="15" page="#{dataTableScrollerBean.scrollerPage}"
				renderIfSinglePage="false" />
					   			
			<div style="clear: both;" />
			<rich:panel styleClass="table_add" rendered="#{not empty editPerson.personDocCollection}">
			<rich:dataTable id="DocGrid"
				var="doc" rows="3"
				value="#{editPerson.personDocCollection}"
				rendered="#{not empty editPerson.personDocCollection}"
				rowClasses="rvgRowOne,rvgRowTwo"
				style="width:70%; margin-left:15%;">
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Tipo Direcc." /></f:facet>
					
					<h:outputText value="#{doc.docType.descrip}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Numero" /></f:facet>
					
					<h:outputText value="#{doc.document}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Pais" /></f:facet>
					
					<h:outputText value="#{convertAssist.getCountryDesc(doc.countryData)}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Activo" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(doc.status)}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Default" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(doc.isDefault)}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Operaciones" /></f:facet>
					
					<h:selectBooleanCheckbox id="check" value="#{doc.selected}" immediate="false" >
						
						
						<a4j:support id="checkSupport" event="onchange" ajaxSingle="true"  action="#{editPerson.docDeleteList(doc)}">
						</a4j:support>
						
					</h:selectBooleanCheckbox>
					<rich:toolTip value="Seleccionar elemento a eliminar" for="check" />
				</rich:column>

			</rich:dataTable>
			</rich:panel>
			
		</a4j:form>
		
		
		
		<!-- *************************************** -->
		<!-- *********  Person Phones  ********* -->
		<!-- *************************************** -->
			
		<a4j:form id="PersonPhoneForm">
			<rich:simpleTogglePanel styleClass="form" switchType="ajax" opened="false" ajaxSingle="true" >
			<f:facet name="header"><h:outputText value="Agregar Telefonos" /></f:facet>
				<h:panelGrid>
					<div class="attributes">
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Tipo Telefono</ui:define>
							<rich:comboBox value="#{editPerson.personPhone.phoneType}" 
								id="PhoneType"
								converter="#{refConverter}"
								converterMessage="Favor seleccione el tipo de telefono"
								defaultLabel="Seleccione tipo de telefono"
								enableManualInput="true"
								required="true"
								requiredMessage="Favor seleccione el tipo de telefono"
								>
								<a4j:support event="onselect"></a4j:support>	
															
									<s:selectItems  value="#{withinHolder.refDetListByHeadCod(editPerson.phoneType)}" var="ref" label="#{ref.descrip}">
									</s:selectItems>
									
							</rich:comboBox>
							<div class="msg_container">
								<rich:message for="PhoneType" />
							</div>
						</s:decorate>
		
						<div style="clear: both;" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Telefono</ui:define>
							<h:inputText id="Phone" maxlength="40"
								value="#{editPerson.personPhone.phone}"
								required="true" size="30"
								requiredMessage="Favor introduzca el nro de telefono"
								validatorMessage="El nro de telefono no puede ser menor a 5 o mayor a 25">
								<f:validateLength minimum="5" maximum="25" />
								<a4j:support event="onblur" ajaxSingle="true" />
							</h:inputText>
							<div class="msg_container">
								<rich:message for="Phone" />
							</div>
						</s:decorate>
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Activo</ui:define>
							<h:selectBooleanCheckbox id="PhoneActive"
								value="#{editPerson.personPhone.status}"
								disabled="true">
								<a4j:support event="onblur" ajaxSingle="true" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="PhoneActive" />
							</div>
						</s:decorate>
						
						<div style="clear: both" />
						<s:decorate template="/layout/input.xhtml">
							<ui:define name="label">Default</ui:define>
							<h:selectBooleanCheckbox id="PhoneDefault"
								value="#{editPerson.personPhone.isDefault}"
								disabled="#{editPerson.checkPhoneDfl()}">
								<a4j:support event="onblur" ajaxSingle="true" />
								<a4j:support event="onclick" ajaxSingle="true">
									<s:conversationId />
								</a4j:support>
							</h:selectBooleanCheckbox>
							<div class="msg_container">
								<rich:message for="PhoneDefault" />
							</div>
						</s:decorate>
					</div>
						<s:decorate template="/layout/displayButton.xhtml" styleClass="button_form">
							<a4j:commandButton id="AddPhone" value="Agregar Telefono" styleClass="button"
							action="#{editPerson.fillPhoneList()}" reRender="PersonPhoneForm, PhoneGridForm" />
		
							<rich:spacer width="20px" />
							
							<a4j:region id="PhoneDelRegion">
								<a4j:commandButton value="Eliminar Seleccionados" action="#{editPerson.deletePhone()}"
									reRender="PhoneGridForm" styleClass="button" />
							</a4j:region>
		
						</s:decorate>
				</h:panelGrid>
			</rich:simpleTogglePanel>
		</a4j:form>
		
		<a4j:form id="PhoneGridForm" ajaxSingle="true">
			<rich:datascroller align="center" for="PhoneGrid"
				maxPages="15" page="#{dataTableScrollerBean.scrollerPage}"
				renderIfSinglePage="false" />
					   			
			<div style="clear: both;" />
			<rich:panel styleClass="table_add" rendered="#{not empty editPerson.personPhoneCollection}">
			<rich:dataTable id="PhoneGrid"
				var="phone" rows="3"
				value="#{editPerson.personPhoneCollection}"
				rendered="#{not empty editPerson.personPhoneCollection}"
				rowClasses="rvgRowOne,rvgRowTwo"
				style="width:70%; margin-left:15%;">
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Tipo Telef." /></f:facet>
					
					<h:outputText value="#{phone.phoneType.descrip}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Telefono" /></f:facet>
					
					<h:outputText value="#{phone.phone}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Activo" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(phone.status)}" />
				</rich:column>
				
				<rich:column>
					<f:facet name="header"><h:outputText value="Activo" /></f:facet>
					
					<h:outputText value="#{convertAssist.booleanToString(phone.isDefault)}" />
				</rich:column>

				<rich:column>
					<f:facet name="header"><h:outputText value="Operaciones" /></f:facet>
					
					<h:selectBooleanCheckbox id="check" value="#{phone.selected}" immediate="false" >
						
						
						<a4j:support id="checkSupport" event="onchange" ajaxSingle="true"  action="#{editPerson.phoneDeleteList(phone)}">
						</a4j:support>
						
					</h:selectBooleanCheckbox>
					<rich:toolTip value="Seleccionar elemento a eliminar" for="check" />
				</rich:column>

			</rich:dataTable>
			</rich:panel>
			
		</a4j:form>
	
		<a4j:region>
		<a4j:form id="PersonAction" ajaxSingle="true">
		<rich:panel styleClass="action_form">
			<h:panelGrid>
				<s:decorate template="/layout/displayButton.xhtml"
					styleClass="button_form">
					<a4j:commandButton value="Guardar"
						action="#{editPerson.saveNewData()}"
						styleClass="button" reRender="PersonForm, PersonAddressForm, PersonDocForm, PersonPhoneForm, AddrGridForm, DocGridForm, PhoneGridForm" process="PersonForm" status="stateStatus">

					</a4j:commandButton>
					<rich:spacer width="20px" />
					<a4j:status id="stateStatus" styleClass="status_msg">
							<f:facet name="start">
								<h:graphicImage value="/img/ajax/ajax_load_02.gif"/>
							</f:facet>
					</a4j:status>
					<a4j:commandButton value="Cancelar"
						action="#{editPerson.cancelData()}"
						reRender="PersonForm, PersonPhoneForm, PhoneGridForm, PersonDocForm, DocGridForm, PersonAddressForm, AddrGridForm" 
						styleClass="button"
						oncomplete="window.location.reload()"/>

				</s:decorate>
			</h:panelGrid>
			</rich:panel>
		</a4j:form>
		</a4j:region>
		
</ui:composition>